#register{ background-color: #ffffff; }
#register>div{ margin: 0 auto; }
#register>.top{ width: 100%; height: auto; padding-top: 20px; border-bottom: solid #ccc 1px; }
#register>.top>div{ width: 1200px; margin: 0 auto; }
#register>.top>div .logo{ display: inline-block; height: 38px; width: 165px;  margin-top: 20px; margin-block-end: 5px; background-image: url("../images/logo.png"); background-size: 165px 38px; background-repeat: no-repeat; }
#register>.content-box{ width: 1200px; min-height: 620px; }
#register>.content-box>.steps{ margin: 20px auto; }

#getCode, #repeat-test-btn{ display: inline-block; width: 120px; height: 100%; text-align: center; border: none; background: none; cursor: pointer; outline: none; }
#getCode:hover, #repeat-test-btn:hover{ color: #238c8b; }
#getCode:disabled, #repeat-test-btn:disabled{ cursor: not-allowed; color: #ccc; }
#getCode:active, #repeat-test-btn:active{ border: none; background: none; outline: none; }
.over{ margin: 0 auto; text-align: center; }
.over>p span{ font-size: 28px; color: #ffb200; border-bottom: solid #ffb200 2px; }
.over>p i{ color: #f44e4e; font-size: 20px; }
.over>.timeout{ color: #f44e4e; }
/* .over>p u{ text-decoration: #ffb200; } */
.over>.ok, .over>.approve{ margin: 30px auto; }